<template>
  <div>
    <div class="header">
      <p>公司详情</p>
      <button @click="close">X</button>
    </div>
    <div class="main">
      <el-row :gutter="15">
        <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="100px">
         
        </el-form>
      </el-row>
    </div>
  
  </div>
</template>
  <script>
export default {
  components: {},
  props: [],
  data() {
    return {
      formData: {
        mobile: "",
        field108: undefined,
        field109: undefined,
        field114: undefined,
        field115: undefined,
        field116: undefined,
        field117: undefined,
        field118: undefined,
        field119: undefined,
        field120: undefined,
        field131: undefined,
        field132: undefined,
        field133: undefined,
        field134: undefined,
        field135: undefined,
        field136: undefined,
        field137: undefined,
        field138: undefined
      },
      rules: {
        mobile: [
          {
            required: true,
            message: "请输入项目编号:",
            trigger: "blur"
          },
          {
            pattern: /^1(3|4|5|7|8|9)\d{9}$/,
            message: "手机号格式错误",
            trigger: "blur"
          }
        ],
        field108: [
          {
            required: true,
            message: "请输入采购项目名称：",
            trigger: "blur"
          }
        ],
        field109: [
          {
            required: true,
            message: "请输入采购方式：",
            trigger: "blur"
          }
        ],
        field114: [
          {
            required: true,
            message: "请输入预算金额：",
            trigger: "blur"
          }
        ],
        field115: [
          {
            required: true,
            message: "请输入包号：",
            trigger: "blur"
          }
        ],
        field116: [
          {
            required: true,
            message: "请输入包名称：",
            trigger: "blur"
          }
        ],
        field117: [
          {
            required: true,
            message: "请输入包预算：",
            trigger: "blur"
          }
        ],
        field118: [
          {
            required: true,
            message: "请输入项目联系人：",
            trigger: "blur"
          }
        ],
        field119: [
          {
            required: true,
            message: "请输入项目联系方式：",
            trigger: "blur"
          }
        ],
        field120: [
          {
            required: true,
            message: "请输入合同履行期限：",
            trigger: "blur"
          }
        ],
        field131: [
          {
            required: true,
            message: "请输入采购人名称：",
            trigger: "blur"
          }
        ],
        field132: [
          {
            required: true,
            message: "请输入采购人地址:",
            trigger: "blur"
          }
        ],
        field133: [
          {
            required: true,
            message: "请输入采购人联系人：",
            trigger: "blur"
          }
        ],
        field134: [
          {
            required: true,
            message: "请输入采购人联系方式：",
            trigger: "blur"
          }
        ],
        field135: [
          {
            required: true,
            message: "请输入采购代理机构名称：",
            trigger: "blur"
          }
        ],
        field136: [
          {
            required: true,
            message: "请输入采购代理机构地址：",
            trigger: "blur"
          }
        ],
        field137: [
          {
            required: true,
            message: "请输入采购代理机构联系人：",
            trigger: "blur"
          }
        ],
        field138: [
          {
            required: true,
            message: "请输入采购代理机构联系方式：",
            trigger: "blur"
          }
        ]
      }
    };
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    close() {
      this.$router.back();
    }
  }
};
</script>
  <style scoped>
.header {
  width: 100%;
  height: 5%;
  background-color: #1795ff;
  display: flex;
  justify-content: space-between;
}
.header p {
  padding-left: 30px;
}
.header button {
  border: none;
  background-color: rgba(0, 0, 0, 0);
  padding-right: 30px;
  padding-top: 6px;
}
.main {
  position: absolute;
  width: 90%;
  height: 35%;
  top: 10%;
  left: 5%;
  margin: 0 auto;
}
.bottom {
  position: absolute;
  width: 90%;
  height: 25%;
  top: 45%;
  left: 5%;
}
</style>
  